<template>
  <div>

    <!-- 默认 -->
    <div class="detailList" v-if="type==undefined">
      <div class="weui-cells__title header">汽车信息</div>
      <div class="weui-cells weui-cells_after-title">
        <div class="weui-cell">
          <div class="weui-cell__bd">垫资订单</div>
          <div class="weui-cell__ft">{{data.orderNumber}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">垫资经销商</div>
          <div class="weui-cell__ft">{{data.dealerName}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">车架号</div>
          <div class="weui-cell__ft">{{data.carVin}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">汽车车型</div>
          <div class="weui-cell__ft">{{data.carTypeName}}{{data.carBrandName}}{{data.carSeriesName}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">颜色</div>
          <div class="weui-cell__ft">{{data.color}}</div>
        </div>
      </div>
    </div>

    <!-- 出库 -->
    <div class="detailList" v-if="type=='出库'">
      <div class="weui-cells__title header">申请信息</div>
      <div class="weui-cells weui-cells_after-title">
        <div class="weui-cell">
          <div class="weui-cell__bd">经销商</div>
          <div class="weui-cell__ft">经销商，经销商，经销商，经销商，经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">车架号</div>
          <div class="weui-cell__ft">车架号明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">汽车车型</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人姓名</div>
          <div class="weui-cell__ft">李三</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人电话</div>
          <div class="weui-cell__ft">18954565468</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人身份证</div>
          <div class="weui-cell__ft">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0b0mmpej30k00re0uz.jpg" alt="">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0azxiemj30k00qnac4.jpg" alt="">

            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0huumj0j30k00rqdhn.jpg" alt="">
            <img src="https://wx2.sinaimg.cn/mw690/0066Nb6jly1fuw0hv4iq0j30k00k0q5i.jpg" alt="">

          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">备注</div>
          <div class="weui-cell__ft">
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明，明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
          </div>
        </div>
      </div>
    </div>

    <!-- 回款资金方确认 || 回款平台确认 -->

    <div class="detailList" v-if="type=='回款资金方确认'||type=='回款平台确认'">
      <div class="weui-cells__title header">申请信息</div>
      <div class="weui-cells weui-cells_after-title">
        <div class="weui-cell">
          <div class="weui-cell__bd">经销商</div>
          <div class="weui-cell__ft">经销商，经销商，经销商，经销商，经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">车架号</div>
          <div class="weui-cell__ft">车架号明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">汽车车型</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">备注</div>
          <div class="weui-cell__ft">
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明，明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">回款总金额(万元)</div>
          <div class="weui-cell__ft">99.9万</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">回款凭证</div>
          <div class="weui-cell__ft">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0b0mmpej30k00re0uz.jpg" alt="">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0azxiemj30k00qnac4.jpg" alt="">

            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0huumj0j30k00rqdhn.jpg" alt="">
            <img src="https://wx2.sinaimg.cn/mw690/0066Nb6jly1fuw0hv4iq0j30k00k0q5i.jpg" alt="">

          </div>
        </div>
      </div>
    </div>


    <div class="detailList" v-if="type=='出库申请业务确认'">
      <div class="weui-cells__title header">申请信息</div>
      <div class="weui-cells weui-cells_after-title">
        <div class="weui-cell">
          <div class="weui-cell__bd">经销商</div>
          <div class="weui-cell__ft">{{data.dealerName}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">车架号</div>
          <div class="weui-cell__ft">{{data.carVin}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">汽车车型</div>
          <div class="weui-cell__ft">{{data.carName}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">指导价/配置</div>
          <div class="weui-cell__ft">
           {{data.carConfig}}
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人姓名</div>
          <div class="weui-cell__ft">{{data.outReceiverName}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人电话</div>
          <div class="weui-cell__ft">{{data.outReceiverPhone}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">回款总金额(万元)</div>
          <div class="weui-cell__ft">{{data.backSumMoney}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">备注</div>
          <div class="weui-cell__ft">{{data.applyRemark}}</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">回款凭证</div>
          <div class="weui-cell__ft">
             <img v-for="(item,index) in backVoucherPic" :key="index" :src="item" alt="">
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人身份证</div>
          <div class="weui-cell__ft">
            <img v-for="(item,index) in outReceiverIdPic" :key="index" :src="item" alt="">
          </div>
        </div>
      </div>
    </div>

    <div class="detailList" v-if="type=='到店业务审核'">
      <div class="weui-cells__title header">申请信息</div>
      <div class="weui-cells weui-cells_after-title">
        <div class="weui-cell">
          <div class="weui-cell__bd">申请经销商</div>
          <div class="weui-cell__ft">经销商，经销商，经销商，经销商，经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商</div>
        </div>
         <div class="weui-cell">
          <div class="weui-cell__bd">汽车车型</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">车架号</div>
          <div class="weui-cell__ft">车架号明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</div>
        </div>
       
        <div class="weui-cell">
          <div class="weui-cell__bd">指导价/配置</div>
          <div class="weui-cell__ft">
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明，明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">颜色</div>
          <div class="weui-cell__ft">颜色/颜色</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">摆放配置</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人电话</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人身份证照片</div>
          <div class="weui-cell__ft">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0b0mmpej30k00re0uz.jpg" alt="">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0azxiemj30k00qnac4.jpg" alt="">

            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0huumj0j30k00rqdhn.jpg" alt="">
            <img src="https://wx2.sinaimg.cn/mw690/0066Nb6jly1fuw0hv4iq0j30k00k0q5i.jpg" alt="">

          </div>
        </div>
      </div>
    </div>

    <div class="detailList" v-if="type=='到店高管审核'||type=='到店交付'">
      <div class="weui-cells__title header">申请信息</div>
      <div class="weui-cells weui-cells_after-title">
        <div class="weui-cell">
          <div class="weui-cell__bd">经销商名称</div>
          <div class="weui-cell__ft">经销商，经销商，经销商，经销商，经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商经销商</div>
        </div>
         <div class="weui-cell">
          <div class="weui-cell__bd">汽车车型</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">车架号</div>
          <div class="weui-cell__ft">车架号明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字</div>
        </div>
       
        <div class="weui-cell">
          <div class="weui-cell__bd">指导价/配置</div>
          <div class="weui-cell__ft">
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明，明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
            明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">颜色</div>
          <div class="weui-cell__ft">颜色/颜色</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">摆放配置</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人电话</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">接车人身份证照片</div>
          <div class="weui-cell__ft">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0b0mmpej30k00re0uz.jpg" alt="">
            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0azxiemj30k00qnac4.jpg" alt="">

            <img src="https://wx3.sinaimg.cn/mw690/0066Nb6jly1fuw0huumj0j30k00rqdhn.jpg" alt="">
            <img src="https://wx2.sinaimg.cn/mw690/0066Nb6jly1fuw0hv4iq0j30k00k0q5i.jpg" alt="">

          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">申请备注</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__bd">审核备注</div>
          <div class="weui-cell__ft">说明文字</div>
        </div>
      </div>
    </div>
    



  </div>
</template>

<script>
  export default {
    data(){
      return {
          outReceiverIdPic:[],   //身份证照片
          backVoucherPic:[]     //回款凭证
      }
    },
    props: ["type","data"],
    mounted(){
       this.data.outReceiverIdPic ? this.outReceiverIdPic = this.data.outReceiverIdPic.split(',').notempty() : "";
        this.data.backVoucherPic ? this.backVoucherPic = this.data.backVoucherPic.split(',').notempty() : "";
    }
  }
</script>

<style lang="scss" scoped>

</style>
